/**
 * Dear programmer:
 * When I wrote this code, only god and I knew how it worked.
 * Now, only god knows it!
 *
 * @author: Pegasus  Date: 2018/11/24 Time: 14:01
 */

import {StyleSheet} from 'react-native';
import {
    COLOR_GRAY_BACKGROUND,
    COLOR_GRAY_LINE, COLOR_THEME,
    COLOR_WHITE,
    FONT_COLOR_SUB_TITLE,
    FONT_COLOR_TITLE, FONT_SIZE_14,
    FONT_SIZE_SUB_TITLE,
    FONT_SIZE_TITLE
} from "../../../constant/PHColors"
import {SCREEN_WIDTH} from "../../../constant/PHScreen";

export const styles = StyleSheet.create({

    body: {
        flex: 1,
    },

    container: {
        flex: 1,
        // width:SCREEN_WIDTH,
        backgroundColor: '#ffffff',
    },

    scrollView: {
        flex: 1,
        backgroundColor: '#ffffff',
    },

    orderTop:{
        height:30,
        width:SCREEN_WIDTH,
        flexDirection: 'row',
        backgroundColor: '#FFF',
        alignItems: 'center'
    },

    orderCenter:{
        minHeight:50,
        width:SCREEN_WIDTH,
        flexDirection: 'column',
        backgroundColor: '#FFF',
        alignItems: 'center'
    },

    orderBottom:{
        height:50,
        width:SCREEN_WIDTH,
        flexDirection: 'row',
        backgroundColor: '#FFF',
        alignItems: 'center',
        justifyContent:'space-between'
    },

    iconBox: {
        width: 20,
        height: 20,
        marginLeft: 15
    },

    textBox: {
        flex: 1,
        flexDirection: 'row'
    },

    arrowBox: {
        marginRight: 15
    },

    leftBox: {
        flex: 1,
        justifyContent: 'flex-start',
        alignItems: 'flex-start',
        flexDirection:'row'
    },

    text: {
        fontSize: FONT_SIZE_TITLE,
        color: FONT_COLOR_TITLE,
        marginLeft: 16
    },

    titleText: {
        fontSize: 20,
        color: FONT_COLOR_TITLE,
        marginLeft: 2
    },

    orderCenterText: {
        fontSize: 18,
        color: FONT_COLOR_TITLE,
    },

    orderBottomText:{
        fontSize: 16,
        color: '#6b6b6b',
    },

    rightBox: {
        width: 20,
        height: 20,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: 'red',
        marginRight: 10,
        borderRadius: 10
    },

    numText: {
        fontSize: 10,
        color: '#FFF',
    },

    orderCenterLine:{
        width:SCREEN_WIDTH,
        flexDirection: 'row',
        backgroundColor: '#FFF',
        marginTop: 10,
    },

    orderCenterLeft:{
        height:30,
        width:SCREEN_WIDTH * 1/3,
        flexDirection: 'row',
        justifyContent:'center',
    },

    orderCenterRight:{
        width:SCREEN_WIDTH * 2/3-30,
        flexDirection: 'column',
    },

    orderBottomLeft:{
        height:50,
        width:(SCREEN_WIDTH-2)/2,
        backgroundColor:'#fff',
        flexDirection: 'row',
        alignItems: 'center',
        justifyContent:'center',
    },

    orderBottomRight:{
        height:50,
        width:(SCREEN_WIDTH-2)/2,
        backgroundColor:'#fff',
        flexDirection: 'row',
        alignItems: 'center',
        justifyContent:'center',
    },

    /*页面底部菜单*/
    bodyBottom:{
        height:40,
        width:SCREEN_WIDTH,
        bottom:5,
        alignItems:'center',
        position:'absolute',
        backgroundColor:'#ffffff',
        flexDirection:'row',
        justifyContent: 'center',
    },

    bodyBottomRight:{
        width:SCREEN_WIDTH*6/8,
        backgroundColor:'#1f60ff',
        height:40,
        borderRadius: 5,
        alignItems:'center',
        justifyContent: 'center',
    },

    cellTitleText: {
        fontSize: 20,
        color: '#ffffff',
        marginBottom: 1,
        textAlign:'center',
    },

})